<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/icon/bootstrap-icon.css}" rel="stylesheet">
    <link th:href="@{/css/common-header-nav-copy.css}" rel="stylesheet">
    <link th:href="@{/css/userIndex/userInformation.css}" rel="stylesheet">
    <link th:href="@{/css/prepare.css}" rel="stylesheet">
</head>
<body>
<div class="row" style="height: 100%;width: 100%;background-color: rgba(213, 213, 213, 0.2);">
    <!--        左侧导航栏-->
    <div class="nav-fragment right-board col-2" th:replace="common/nav :: nav_common"></div>


    <div class="col-10 right-board" >
        <!--            头部-->
        <div class="row">
            <div class="" th:replace="common/header :: header_common"></div>
        </div>

        <!--     右中部-->
        <div class="row right-mid">
            <div class="col-12 information">
                <div class="row top-information">
                    基本信息
                </div>
                <!--                信息列表-->
                <div class="row bottom-information">
                    <ul class="information-list">

                        <li class="information-item row">
                            <span class="information-key col-lg-2 col-md-3">密码</span>
                            <span class="information-val col-lg-2 col-md-3">********</span>
                            <span class="information-val information-exit col-1">修改密码</span>
                            <div class="information-hidden col-9 row">
                                <input class="information-input col-4" name="userPwd" th:value="${session.user.getUserPwd()}">
                                <div class="col-xxl-1 col-xl-2 col-lg-2 col-md-2 information-btn-banner" style="margin-left: 2rem">
                                    <input type="button" value="确定" class="col-1 offset-1 information-btn information-submit">
                                </div>
                                <div class="col-xxl-1 col-xl-2 col-lg-2 col-md-2 information-btn-banner">
                                    <input type="button" value="取消" class="col-1 information-btn information-back">
                                </div>
                            </div>
                        </li>

                        <li class="information-item row">
                            <span class="information-key col-lg-2 col-md-3">邮箱</span>
                            <span class="information-val col-lg-2 col-md-3" th:text="${session.user.getUserQq()}"></span>
                            <span class="information-val information-exit col-1">更改邮箱</span>
                            <div class="information-hidden col-9 row">
                                <input class="information-input col-4" name="userQq" value="">
                                <div class="col-xxl-1 col-xl-2 col-lg-2 col-md-2 information-btn-banner" style="margin-left: 2rem">
                                    <input type="button" value="确定" class="col-1 offset-1 information-btn information-submit">
                                </div>
                                <div class="col-xxl-1 col-xl-2 col-lg-2 col-md-2 information-btn-banner">
                                    <input type="button" value="取消" class="col-1 information-btn information-back">
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>

        <!--        页脚版权-->
        <div class="row footer">
            <div class="" th:replace="common/copyright :: copyright_common"></div>
        </div>
    </div>

</div>



<script src="/js/jQuery.js"></script>
<script src="/js/common/nav.js"></script>
<script src="/js/userIndex/accountInformation.js"></script>
</body>
</html>